<template>
	<view>
		<view class="list">
			<view class="listrytu" v-for="item in hotList" :key="item.id">
					<text>{{item.title}}<small>{{item.alt}}</small></text>
					<view class="opp">
						<view class="imgs" v-for="(i,v) in item.pictures" :key="v">
							<image class="im" :src="i" mode=""></image>
						</view>
					</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	
let {hotList} =defineProps(['hotList'])

</script>

<style lang="scss">
.list{
display: flex;
width: 100%;
flex-wrap: wrap;
	.listrytu{
		width: 40%;
		height: 100px;
		background: pink;
		margin: 10px;
	}
}
		.opp{
			display: flex;
			.imgs{
				width: 50px;
				height: 50px;
				.im{
					float: left;
					width: 40px;
					height: 40px;
				}
			}
		}
</style>